<template>
<!-- 办事指南 -->
  <div>
    <!-- 顶部导航栏 --> 
    <van-nav-bar  :title="header"    left-arrow @click-left="onClickLeft"/>
      <!-- 通知 -->
        <van-cell v-for="item in matterslist" :key="item.id">
          <van-cell class="matters" :title="item.mattersTitle" is-link  @click="feedback(item.id)"/>
        </van-cell>
    </van-tabs>
  </div>
</template>
<style scoped>
  @import '../../../../assets/css/community/listIntroduction/guide.css'; 
</style>
 <script>
   export default {
    data(){
      return{
        header:"拓展服务",
        matterslist:[
          {
            id:"1",
            mattersTitle:"社区生活服务中心"
          },
          {
            id:"2",
            mattersTitle:"社区为老服务中心"
          },
          {
            id:"3",
            mattersTitle:"社区教育服务中心"
          },
          {
            id:"4",
            mattersTitle:"社区文化服务中心"
          },
          {
            id:"5",
            mattersTitle:"社区健康服务中心"
          }
        ]
      }
    },
    mounted: function(){
    },
    methods:{
      onClickLeft() {  // 点击返回按钮
        this.$router.go(-1);
      },
      
      feedback(id){ //  
        if(id == 1){
          this.$router.push({path:"./serviceCenter/lifeService"});
          console.log(id)
        }else if(id == 2){
          this.$router.push({path:"./serviceCenter/oldService"});
        }else if(id == 3){
          this.$router.push({path:"./serviceCenter/eduService"});
        }else if(id == 4){
          this.$router.push({path:"./serviceCenter/culService"});
        }else if(id == 5){
          this.$router.push({path:"./serviceCenter/heaService"});
        }
      }
    }
   }
 </script>
